.v-input-wrapper {
	display: flex;
	position: relative;
	margin-bottom: 30px;
	width: 100%;
	.icon-wrapper {
		display: flex;
		position: absolute;
		right: 0;
		top: 0;
		justify-content: center;
		align-items: center;
		width: 35px;
		height: 100%;
		color: $input-color;
		svg {
			color: $input-placeholder-color;
		}
	}
}
.icon-wrapper + .v-input-inner {
	padding-right: 35px;
}
.v-input-inner {
	padding: $input-padding-y $input-padding-x;
	border: $input-border-width solid $input-border-color;
	// Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
	border-radius: $input-border-radius;
	width: 100%;
	background-color: $input-bg;
	background-clip: padding-box;
	box-shadow: $input-box-shadow;
	line-height: $input-line-height;
	font-family: $input-font-family;
	font-weight: $input-font-weight;
	font-size: $input-font-size;
	color: $input-color;
	transition: $input-transition;

	&:focus {
		border-color: $input-focus-border-color;
		outline: 0;
		background-color: $input-focus-bg;
		box-shadow: $input-focus-box-shadow;
		color: $input-focus-color;
		// Avoid using mixin so we can pass custom focus shadow properly
	}
	&::placeholder {
		// Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
		opacity: 1;
		color: $input-placeholder-color;
	}
	&:disabled,
	&[readonly] {
		border-color: $input-disabled-border-color;
		background-color: $input-disabled-bg;
		// iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
		opacity: 1;
	}
}
.v-input-group-prepend,
.v-input-group-append {
	display: flex;
	align-items: center;
	margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
	padding: $input-padding-y $input-padding-x;
	border: $input-border-width solid $input-group-addon-border-color;
	border-radius: $input-border-radius;
	background-color: $input-group-addon-bg;
	line-height: $input-line-height;
	text-align: center;
	font-weight: $font-weight-normal;
	font-size: $input-font-size; // Match inputs
	color: $input-group-addon-color;
	white-space: nowrap;
}
.v-input-group-append + .btn {
	padding: 0;
	border: 0;
}
.input-group > .v-input-group-prepend,
.input-group.input-group-append > .v-input-inner {
	@include border-right-radius(0);
}

.input-group > .v-input-group-append,
.input-group.input-group-prepend > .v-input-inner {
	@include border-left-radius(0);
}

.input-size-sm .v-input-inner {
	padding: $input-padding-y-sm $input-padding-x-sm;
	border-radius: $input-border-radius-sm;
	font-size: $input-font-size-sm;
}

.input-size-lg .v-input-inner {
	padding: $input-padding-y-lg $input-padding-x-lg;
	border-radius: $input-border-radius-lg;
	font-size: $input-font-size-lg;
}
